import React from 'react'
import { useNavigate } from 'react-router-dom';
import {
    Button,
    Select,
    Space,
    DatePicker,
   
} from 'antd';
import CallList from './CallList';
const {Option} = Select
//时间
const onChange = (date, dateString) => {
    console.log(date, dateString);
  };
const Call=()=>{
 //跳转我的考勤页面
 const navigator = useNavigate()
 const handleCall = () => {
   navigator('/Clocking')

 }
    return (
        <div>
        <Space.Compact style={{ marginTop: '10px',margin:'10px' }} >
        考勤日期： 
               <Space direction="vertical" style={{}}>
               <DatePicker onChange={onChange} />
               </Space>
            <Space><br /><br />
            考勤班级: <Select placeholder="请选择" style={{width: '170px', }}>
                <Option value="Option1">一年级一班</Option>
                <Option value="Option2">二年级一班</Option>
            </Select>
            </Space>
            
        </Space.Compact>
        <Button type="primary" style={{float:'right'}}onClick={handleCall} >开始考勤</Button>
        <CallList/>
    </div>
    )
  }

export default Call;